<div class="tab-pane">
    <div class="card-body">
        <div class="row">
            <navs class="col-12 mb-2" data="$ctrl.navs" prefix="'module-nav'" model="'nav-related'"></navs>
        </div>
        <div class="row">
           
            <div class="col-12">
                <filter-list request="$ctrl.request" callback="$ctrl.load(pageIndex)"></filter-list>
                <table class="table table-sm table-hover mt-2">
                    <thead class="thead-light">
                        <tr>
                            <th scope="col">
                                Title
                            </th>
                            <th scope="col" width="15%">
                                Image
                            </th>
                            <th scope="col" width="5%">
                                Actived
                            </th>
                        </tr>
                    </thead>
                    <tbody class="sortable" ng-init="$ctrl.load(0)">
                        <tr ng-repeat="item in $ctrl.data.items track by $index">
                            <td>
                                <span class="small" ng-bind="item.description"></span>
                            </td>
                            <td>
                                <img class="rounded" height="25" ng-src="{{item.image}}">
                            </td>
                            <td>
                                <span class="switch switch-sm position-absolute">
                                    <input type="checkbox" class="switch" ng-model="item.isActived"
                                        ng-change="$ctrl.activeItem(item)" id="{{$ctrl.prefix}}_{{item.id}}"
                                        value="true">
                                    <label class="switch m-0 small" for="{{$ctrl.prefix}}_{{item.id}}">
                                    </label>
                                </span>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <paging class="small" page="$ctrl.data.page" page-size="$ctrl.data.pageSize"
                    total="$ctrl.data.totalItems" ul-class="pagination justify-content-end m-0" a-class="page-link"
                    paging-action="callback(page-1)" scroll-top="true"></paging>
            </div>
        </div>
    </div>
</div>